/* 
  分页接口
*/
// 获取li标签
var lis = document.querySelectorAll(".page .pageIndex li")
// 获取内容大盒子
var dBOX = document.querySelector(".wwh-poilcy-main-con")
for (var i = 0; i < lis.length; i++) {
  lis[i].index = i
  lis[i].onclick = function () {
    for (var j = 0; j < lis.length; j++) {
      lis[j].className = ''
    }
    this.className = 'active'
    console.log(this.innerText);
    main(this.innerText)
  }
}
lis[0].onclick()

function main(a) {
  ajax({
    // 请求方式
    method: "get",
    // 请求地址
    url: `https://www.jsteels.com:9088/jz/portal/policyInformation/dlist/${a}/1/5`,
    // 异步同步
    async: true,
    // 转嘀的参数
    data: {
    },
    // 请求头
    contentType: "",
    // 成功的回调函数
    success: function (res) {
      var obj = JSON.parse(res)
      // 每次渲染之前先清空之前的
      dBOX.innerHTML = ""

      // 页面输出
      for (var i = 0; i < obj.list.length; i++) {
        // 判断有没有http开头
        var reg = /^http/g
        obj.list[i].imgSrc = reg.test(obj.list[i].imgSrc) ? obj.list[i].imgSrc : "https://www.jsteels.com/prod-api" + obj.list[i].imgSrc
        // 判断有没有内容
        if (obj.list[i].contentDes == null) {
          dBOX.innerHTML += `
          <div class="wwh-main-con-box clearfix" onclick="info(${obj.list[i].id})">
          <img src="${obj.list[i].imgSrc}" alt="">
          <div class="wwh-main-con-box-right">
            <p>${obj.list[i].title}</p>
            <p></p>
            <span>${obj.list[i].knowDate}</span>
            <div>></div>
          </div>
        </div>
        `
        } else {
          dBOX.innerHTML += `
            <div class="wwh-main-con-box clearfix" onclick="info(${obj.list[i].id})">
            <img src="${obj.list[i].imgSrc}" alt="">
            <div class="wwh-main-con-box-right">
              <p>${obj.list[i].title}</p>
              <p>${obj.list[i].contentDes}</p>
              <span>${obj.list[i].knowDate}</span>
              <div>></div>
            </div>
          </div>
          `
        }
      }
      console.log(obj);
    },
    // 失败的回调函数
    error: function (err) {
      console.log(err);

    }
  })
}

// 跳转页面
function info(id){
  location.href=`./information-details.html?id=${id}`
}























// // 一共多少数据
// var pages = null
// // 默认显示第一页，五条数据
// var pageNum = 1
// var pageSize = 5

// // a = pageNum =1
// // b = pageSize =5
// // c = 函数
// function fn(a, b, c) {
//   ajax({
//     // 请求方式
//     method: "get",
//     // 请求地址
//     url: `https://www.jsteels.com:9088/jz/portal/policyInformation/dlist/${a}/1/${b}`,
//     // 异步同步
//     async: true,
//     // 转嘀的参数
//     data: {
//     },
//     // 请求头
//     contentType: "",
//     // 成功的回调函数
//     success: function (res) {
//       var obj = JSON.parse(res)
//       // 页码数
//       pages = obj.pages
//       // 获取盒子
//       var con = document.querySelector(".content")
//       // 获取总条数
//       var total = document.querySelector(".total")
//       total.innerHTML = `共${obj.total}条`
//       // 每次渲染之前先清空之前的
//       con.innerHTML = ""
//       // 页面输出
//       for (var i = 0; i < obj.list.length; i++) {
//         con.innerHTML += `
//             <p>${obj.list[i].title}</p>
//           `
//       }
//       // 如果我传递了函数那么就调用函数，并且把页码传进来
//       if (c) {
//         c(pages)
//       }
//       console.log(obj);
//     },
//     // 失败的回调函数
//     error: function (err) {
//       console.log(err);

//     }
//   })

// }
// fn(pageNum, pageSize, function (row) {
//   pageAction(".box1 .pageIndex", ".box1 .left", ".box1 .right", row,
//     function (res) {
//       // res当前选中的第几页，pageSize就是五条数据
//       fn(res, pageSize)
//       console.log(res, "当前位置");
//     })
// })
